---
type: tutorial
title: 리포지토리를 온라인에 저장하기
description: '튜토리얼: 처음 만드는 Astro 블로그 — 튜토리얼 프로젝트를 위한 Github 리포지토리 생성'
i18nReady: true
---
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import { Steps } from '@astrojs/starlight/components';
import Badge from "~/components/Badge.astro"

<PreCheck>
  - 프로젝트 리포지토리를 온라인에 올리기
</PreCheck>

이 튜토리얼에서는 리포지토리를 보관하고 웹 호스트에 연결하기 위해 GitHub를 사용합니다. 물론 다른 온라인 git 제공업체를 사용해도 됩니다.

:::note
이미 git에 익숙하고 나만의 작업 방식을 가지고 있다면, 원하는 방법으로 프로젝트용 GitHub 리포지토리를 새로 만드세요. 그리고 다음 페이지인 ["사이트를 웹에 배포하기"](/ko/tutorial/1-setup/5/)로 넘어가세요.
:::

## GitHub 리포지토리 만들기

로컬 코드를 GitHub에 저장하는 여러 방법이 있지만, 이 튜토리얼은 명령줄에서 git을 사용할 필요가 없는 방법을 안내합니다.

<Steps>
1. 브라우저에서 GitHub.com에 로그인한 후, 화면의 오른쪽 상단에 있는 <kbd>+</kbd> 버튼을 클릭하여 새 리포지토리를 만드세요.

2. 리포지토리의 이름을 입력하세요. 프로젝트 폴더의 이름과 같을 필요는 없습니다.

3. 여러 옵션이 나타나지만, 기본값을 변경할 필요는 없습니다. 아래로 스크롤하여 <kbd>Create Repository</kbd> 버튼을 클릭하세요.

4. 다음 단계를 위한 여러 설정 방법이 나타나지만, 이 중 어느 것도 사용할 필요는 없습니다. 리포지토리의 URL만 메모하세요. 이제 아무것도 하지 않고 이 페이지를 닫아도 됩니다.
</Steps>

## 로컬 코드를 GitHub에 커밋하기

이전 섹션에서 페이지의 내용을 수정했습니다. 이로 인해 프로젝트 파일이 변경되었고, VS Code의 "Source" 메뉴 아이콘 위에 숫자가 표시됩니다. 이 Source 탭은 GitHub의 파일을 업데이트하기 위해 자주 사용하게 됩니다.

<Steps>
1. VS Code에서 Source Control 탭을 클릭하면 변경된 파일의 목록을 확인할 수 있습니다. `git`을 설치하라는 메시지가 나타나면, 안내에 따라 git을 설치한 후 VS Code를 다시 시작하세요.

2. 커밋 메시지 위에 있는 <kbd>•••</kbd>(점 3개) 메뉴를 클릭하고, <kbd>Remote</kbd> > <kbd>Add Remote</kbd>를 선택하세요.

3. <kbd>Add remote from GitHub</kbd>를 선택하세요. 필요하다면 인증 절차를 수행하고, VS Code로 돌아와 이 작업을 다시 시도하세요.

4. 이제 GitHub에 있는 모든 리포지토리의 목록이 나타납니다. 이 프로젝트를 위해 만든 리포지토리를 선택하세요. 목록에 프로젝트가 나타나지 않으면, 해당 GitHub 리포지토리의 URL을 직접 붙여넣으세요. 리포지토리의 로컬 이름을 입력하라는 메시지가 나타나면 원하는 이름을 입력하세요.

5. 메뉴 창 상단에는 **커밋 메시지**(파일 변경 사항에 대한 설명)를 입력할 수 있는 공간이 있습니다. 여기에 `initial commit`을 입력하고 <kbd>Commit</kbd> 버튼을 눌러 변경 사항을 커밋하세요.

6. "staged" 커밋이 없으므로 파일들을 스테이징할지 묻는 메시지가 나타날 수 있습니다. <kbd>Always</kbd>를 클릭하여 계속 진행하세요.

7. 변경된 파일의 목록이 <kbd>Publish</kbd> 버튼으로 변경되어야 합니다. 이 버튼을 클릭하여 커밋된 변경 사항을 Github로 전송하세요.
</Steps>

### GitHub에서 프로젝트 확인하기

프로젝트가 GitHub에 성공적으로 저장되었는지 확인하려면 GitHub.com에 접속하여 내 계정의 리포지토리 목록을 확인하세요. 새로 만든 리포지토리를 선택하여 Astro 프로젝트 파일이 모두 포함되어 있는지 확인하세요.

<Box icon="check-list">
## 체크리스트

<Checklist>
- [ ] 내 프로젝트를 GitHub에 저장했습니다.
</Checklist>
</Box>

### 리소스

- <p>[VS Code의 Git Source Control 사용하기](https://code.visualstudio.com/docs/sourcecontrol/overview#_git-support) <Badge class="neutral-badge" text="외부" /></p>
